<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>OpenSDK</title>
    <link rel="stylesheet" href="./dist/index.css">
</head>
<body>
<div class="con">
<nav class="header">
    <div class="icon">
        <img src="./images/heading_title.png" class="image">
    </div>
    <button class="navbar-toggle">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
    </button>
    <ul class="list collapse">
        <li><a href="#">介绍</a></li>
        <li><a href="#">接口</a></li>
        <li><a href="#">产品</a></li>
        <li><a href="#">付费</a></li>
        <li class="sdk"><a href="#">SDK下载</a></li>
        <li class="login"><a href="#">注册</a></li>
        <li class="register"><a href="#">登录</a></li>
        <div class="clearfix"></div>
    </ul>
</nav>
<div class="ads">
    <div class="ads-content">
        <ul id="li_cr">
            <li>
                <div class="ad-img">
                    <img src="./images/OpenIdlogo.png" class="image" alt="">
                </div>
                <div class="content">
                    <div class="content-title">
                        OpenID
                    </div>
                    <div class="content-info">
                        <p>图书馆信息接口\用户登录接入接口</p>

                        <p>爬虫数据接口\教务信息接口</p>
                    </div>
                    <button class="content-href">了解更多</button>
                </div>
            </li>
            <li>
                <div class="ad-img">
                </div>
                <div class="content">
                    <div class="content-title">
                        学伴账户登陆
                    </div>
                    <div class="content-info">
                    </div>
                </div>
            </li>
            <li>
                <div class="ad-img">
                </div>
                <div class="content">
                    <div class="content-title">
                        第三张幻灯片
                    </div>
                    <div class="content-info">
                    </div>
                </div>
            </li>
        </ul>
    </div>
    <div class="ad-ctrl">
        <div class="ctrl"></div>
        <div class="ctrl"></div>
        <div class="ctrl"></div>
    </div>
</div>
<div class="intro">
    <div class="intro-content">
        <ul class="content">
            <li>
                <div class="image">
                    <img src="./images/logo1.png" alt="">
                </div>
                <div class="title">
                    接口提供
                </div>
                <div class="info">
                    <p>填充填充填充填充填充</p>

                    <p>填充填充填充填充填充</p>
                </div>
            </li>
            <li>
                <div class="image">
                    <img src="./images/logo2.png" alt="">
                </div>
                <div class="title">
                    技术优势
                </div>
                <div class="info">
                    <p>填充填充填充填充填充</p>

                    <p>填充填充填充填充填充</p>
                </div>
            </li>
            <li>
                <div class="image">
                    <img src="./images/logo3.png" alt="">
                </div>
                <div class="title">
                    产品案例
                </div>
                <div class="info">
                    <p>填充填充填充填充填充</p>

                    <p>填充填充填充填充填充</p>
                </div>
            </li>
            <div class="clearfix"></div>
        </ul>
    </div>
</div>
<div class="pro">
    <div class="pro-content">
        <span class="pro-title">
            我们的产品
        </span>

        <div class="list-container">
            <div class="list">
                <img src="./images/icon4.jpg" alt="">

                <div class="list-info">
                <span class="info-title">
                    学伴3.0
                </span>

                    <div class="info-content">
                        集查询成绩、课表、考场、借阅信息及图书检索于一身的助手型App
                    </div>
                </div>
            </div>
            <div class="list">
                <img src="./images/icon2.jpg" alt="">

                <div class="list-info">
                <span class="info-title">
                    亿淘商城
                </span>

                    <div class="info-content">
                        这里拥有鲜活的新锐时尚、吸睛的型格搭配、平价的品质团购
                    </div>
                </div>
            </div>
            <div class="list">
                <img src="./images/icon3.png" alt="">

                <div class="list-info">
                <span class="info-title">
                    云手账
                </span>

                    <div class="info-content">
                        便捷的文本、图片、代码查看工具
                    </div>
                </div>
            </div>
            <div class="list">
                <img src="./images/icon4.jpg" alt="">

                <div class="list-info">
                <span class="info-title">
                    学生周知
                </span>

                    <div class="info-content">
                        第一时间推送学生周知内容，获得最新的学校消息
                    </div>
                </div>
            </div>
            <div class="list">
                <img src="./images/icon5.jpg" alt="">

                <div class="list-info">
                <span class="info-title">
                    新生助手
                </span>

                    <div class="info-content">
                        服务软件学院2015级新生，新生报道的指南针，入学攻略的传送门
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="footer-container">
        <p class="first"><img src="./images/icon.png" alt="">
            <span>&nbsp; 联系我们： SSDUT_OurEDA@sina.com</span></p>
        <hr>
        <p class="second"><span class="text-left">Copyright &copy; 2013-2016 OurEDA</span>
            <span class="float-right">大连理工大学 国家示范性软件学院综合楼4层</span>
        </p>
    </div>
</div>
</div>
<script src="./dist/index.js"></script>
<script src="http://localhost:35729/livereload.js"></script>
</body>
</html>